/**
 * Table of content
 *
 * colors
 * fonts
 * options
 *
 * components
 */
//region 通用定义， colors fonts body

//各种灰度颜色
$color-darkest: 					#292b2c !default; //最黑，不宜用 #000，和白色的背景对比过大
$color-darker: 						#676a6c !default; //default font color
$color-dark: 						#888 !default; //sub header color
$color-base: 						#e3e7e8 !default; //border color
$color-disable:						#eceeef !default; //disable color
$color-light: 						#f3f3f4 !default; //background color
$color-lighter: 					#f8f8f9 !default; //lighter background color
$color-lightest: 					#fff !default; //lightest background color

//brand colors
$brand-default: 					#fff !default;
//$brand-primary: 					#1ab394 !default;
//$brand-success: 					#1c84c6 !default;
$brand-primary: 					#1c84c6 !default;
$brand-success: 					#1ab394 !default;
$brand-info: 						#23c6c8 !default;
$brand-warning: 					#f8ac59 !default;
$brand-danger: 						#ed5565 !default;
$brand-inverse: 					$color-darkest !default;
$brand-faded:						#f7f7f9 !default;

//灰色背景颜色，不宜细分过度
$background-color-lightest: 		$color-lightest !default; //white background color
$background-color-lighter: 			$color-lighter !default; //light gray background color
$background-color-base: 			$color-light !default; //background for whole page
$background-color-color: 			$brand-primary !default; //background color for theme
$background-color-page:             $background-color-base !default; //background color for page

//fonts and sizes
$font-color-base:  					$color-darker !default; //default font color
$font-color-light: 					$color-dark !default; //light font color
$font-color-lighter:				$color-light !default;
$font-family-base: 					"Open Sans", "Microsoft Yahei", sans-serif !default; //default font family
$font-size-base: 					13px !default; //default font size
$line-height-base: 					1.42857143 !default; //default line height

//options
$enable-rounded: 					true !default; //是否允许圆角，必须允许圆角才能取消 bootstrap 的默认圆角
$enable-shadows: 					true !default; //是否允许阴影。
$enable-transitions: 				true !default; //transitions

$default-border-color:				rgba(0, 0, 0, 0.125) !default;
$default-border:					1px solid rgba(0, 0, 0, 0.125) !default;
//0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
//0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 -1px 2px 0px rgba(0, 0, 0, 0.12)
$default-shadow: 					0 2px 2px 0 rgba(0, 0, 0, 0.14),
									0 3px 1px -2px rgba(0, 0, 0, 0.2),
									0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
$second-shadow:						0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14) !default;

$grid-breakpoints: (
		xs: 0,
		sm: 576px,
		md: 768px,
		lg: 992px,
		xl: 1200px
) !default;
$border-width:						1px !default;
//container 最大尺寸内最大宽度
$enable-container-xl-full-width:    true !default;

//endregion

//region components

// state

$state-success-text:             	$brand-primary !default;
$state-success-bg:               	#dff0d8 !default;
$state-success-border:           	darken($state-success-bg, 5%) !default;

$state-info-text:                	$brand-info !default;
$state-info-bg:                  	#d9edf7 !default;
$state-info-border:              	darken($state-info-bg, 7%) !default;

$state-warning-text:             	$brand-warning !default;
$state-warning-bg:               	#fcf8e3 !default;
$mark-bg:                        	$state-warning-bg !default;
$state-warning-border:           	darken($state-warning-bg, 5%) !default;

$state-danger-text:              	$brand-danger !default;
$state-danger-bg:                	#f2dede !default;
$state-danger-border:            	darken($state-danger-bg, 5%) !default;

//link

$link-color:            			$brand-primary !default;
$link-decoration:       			none !default;
$link-hover-color:      			darken($link-color, 15%) !default;
$link-hover-decoration: 			underline !default;

//button
$btn-box-shadow:                 	inset 0 1px 0 rgba($color-lightest,.15), 0 1px 1px rgba($color-darkest,.075) !default;
$btn-primary-color: 				#fff !default;
$btn-primary-bg:   					$brand-primary !default;
$btn-primary-border:				$btn-primary-bg !default;

$btn-secondary-color:          		$color-darkest !default;
$btn-secondary-bg:               	#fff !default;
$btn-secondary-border:           	#ccc !default;

$btn-info-color:					#fff !default;
$btn-info-bg:                   	$brand-info !default;
$btn-info-border:               	$btn-info-bg !default;

$btn-success-color:             	#fff !default;
$btn-success-bg:                	$brand-success !default;
$btn-success-border:            	$btn-success-bg !default;

$btn-warning-color:             	#fff !default;
$btn-warning-bg:                	$brand-warning !default;
$btn-warning-border:            	$btn-warning-bg !default;

$btn-danger-color:              	#fff !default;
$btn-danger-bg:                 	$brand-danger !default;
$btn-danger-border:             	$btn-danger-bg !default;

$btn-link-disabled-color:       	$color-darker !default;

//alert
$alert-border-radius:				2px !default;
$alert-success-bg:					$state-success-bg !default;
$alert-success-border:				$state-success-border !default;
$alert-success-text:				$state-success-text !default;
$alert-info-bg:						$state-info-bg !default;
$alert-info-border:					$state-info-border !default;
$alert-info-text:					$state-info-text !default;
$alert-warning-bg:					$state-warning-bg !default;
$alert-warning-border:				$state-warning-border !default;
$alert-warning-text:				$state-warning-text !default;
$alert-danger-bg:					$state-danger-bg !default;
$alert-danger-border:				$state-danger-border !default;
$alert-danger-text:					$state-danger-text !default;


//plate
$plate-margin:                  	0 0 25px 0 !default;
$plate-padding:                 	0 0 0 0 !default;
$plate-border:						$default-border !default;
$plate-head-padding:				.75rem 1.25rem !default;
$plate-head-border:					$default-border !default;
$plate-head-background:				$brand-faded !default;
$plate-body-padding:				20px 20px !default;
$plate-foot-border:					$default-border !default;
$plate-title-size:					15px !default;

$plate-default-bg:					#f5f5f5 !default;
$plate-primary-bg:            		$brand-primary !default;
$plate-success-bg:            		$brand-success !default;
$plate-info-bg:               		$brand-info !default;
$plate-warning-bg:            		$brand-warning !default;
$plate-danger-bg:             		$brand-danger !default;

//label
$label-color:						#fff !default;
$label-link-hover-color:			#fff !default;
$label-padding:						4px 8px !default;
$label-border-radius:				.25em !default;

$label-default-bg:            		$color-dark !default;
$label-primary-bg:            		$brand-primary !default;
$label-success-bg:            		$brand-success !default;
$label-info-bg:               		$brand-info !default;
$label-warning-bg:            		$brand-warning !default;
$label-danger-bg:             		$brand-danger !default;

//dropdown
$dropdown-font-size:				$font-size-base !default;

//forms
$input-padding-x:                	.75rem !default;
$input-padding-y:                	.5rem !default;
$input-line-height:              	1.25 !default;

$input-bg:                       	#fff !default;
$input-bg-disabled:              	$color-disable !default;

$input-color:                    	$font-color-light !default;
$input-border-color:             	$default-border-color !default;
$input-btn-border-width:         	$border-width !default; // For form controls and buttons
$input-box-shadow:               	inset 0 1px 1px rgba(0,0,0,.075) !default;

$input-border-radius:            	2px !default;
$input-border-radius-lg:         	4px !default;
$input-border-radius-sm:         	1px !default;

$input-bg-focus:                 	$input-bg;
$input-border-focus:             	$brand-primary !default;
$input-box-shadow-focus-color:   	rgba($brand-primary, .3) !default;
$input-color-focus:              	$input-color;
$input-box-shadow-focus: 			inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px $input-box-shadow-focus-color;

$check-radio-width:					16px !default;
$check-radio-border-color:			#7a7a7a !default;
$check-radio-select-bg:				darken($brand-primary, 5%) !default;
$check-radio-select-color:			$color-lightest !default;

$custom-control-checked-indicator-color:		$color-lightest !default;
$custom-control-checked-indicator-bg:			$brand-primary !default;
$custom-control-focus-indicator-box-shadow:		0 0 0 1px $color-lightest, 0 0 0 3px $brand-primary !default;

//card
$card-border-shadow:				$default-shadow !default;
$card-border-radius:				0 !default;

//sidebar
$sidebar-top-height: 				60px !default;
$sidebar-top-zindex: 				100 !default;

$sidebar-bottom-height: 			0px !default;
$sidebar-bottom-zindex: 			80 !default;

$sidebar-left-width: 				220px !default;
$sidebar-left-mini-width:			70px !default;
$sidebar-left-zindex: 				60 !default;
$sidebar-left-hidden-threshold:		map_get($grid-breakpoints, lg);

$sidebar-right-width: 				260px !default;
$sidebar-right-zindex: 				50 !default;


$tabs-nav-height: 					40px !default;

//page
$page-header-shadow:				$second-shadow !default;
$page-header-padding:				1.5rem 1.5rem !default;
$page-content-padding: 				10px !default;
$page-content-min-padding:			10px !default;


//pagination
$pagination-color:                  #676a6c !default;
$pagination-bg:                     $color-lightest !default;
$pagination-border:              	#ddd !default;

$pagination-hover-color:            $link-hover-color !default;
$pagination-hover-bg:               $color-light !default;
$pagination-hover-border:           #ddd !default;

$pagination-active-color:			#676a6c !default;
$pagination-active-bg:				#f4f4f4 !default;
$pagination-active-border:			#DDDDDD !default;

$pagination-disabled-color:			$color-light !default;
$pagination-disabled-bg: 			$color-lightest !default;
$pagination-disabled-border:		#ddd !default;

//login
$login-container-background:		#fff !default;
$login-form-margin:					20px !default;
$login-form-width:					350px !default;

//login
$register-container-background:		#fff !default;
$register-form-margin:				20px !default;
$register-form-width:				400px !default;

//dropdown menu
$dropdown-box-shadow:				0 0 3px rgba(86, 96, 117, 0.7) !default;




// datatable
$datatable-header-background:		$plate-head-background !default;
$datatable-footer-background:		$datatable-header-background !default;


//endregion